{% extends "base.html" %}{% load i18n crm_tags %}
{% block title %}{{ contact.name }}{% endblock %}
{% block content %}
<header class="person-head">
  <div>
    <h1>{{ contact.name }}</h1>
    <div class="person-phone">
      <a href="tel:{{ contact.phone }}">{{ contact.phone_display }}</a>
      {% if contact.alt_phone %}<a class="alt" href="tel:{{ contact.alt_phone }}">{{ contact.alt_phone_display }}</a>{% endif %}
    </div>
    <div class="person-tags">
      <span class="pill s-{{ contact.status }}">{{ contact.get_status_display }}</span>
      <span class="pill">{% blocktranslate trimmed with language=contact.get_language_display %}Prefers {{ language }}{% endblocktranslate %}</span>
      {% if contact.do_not_call %}<span class="pill dnc">{% translate "Do not call them" %}</span>{% endif %}
    </div>
  </div>
  <div class="actions">
    <a class="btn btn-primary" href="{% url 'log_call' contact.pk %}">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg>
      {% translate "Log a call" %}</a>
    <a class="btn" href="{% url 'follow_up_create' contact.pk %}">{% translate "Plan follow-up" %}</a>
    <a class="btn" href="{% url 'testimony_create' contact.pk %}">{% translate "Record testimony" %}</a>
    <a class="btn" href="{% url 'donation_create' contact.pk %}">{% translate "Record giving" %}</a>
    <a class="btn" href="{% url 'order_create' contact.pk %}">{% translate "New order" %}</a>
    {% if user.is_supervisor %}<a class="btn" href="{% url 'care_open' contact.pk %}">{% translate "Open care case" %}</a>{% else %}<a class="btn" href="{% url 'care_refer' contact.pk %}">{% translate "Refer for pastoral care" %}</a>{% endif %}
    <a class="btn btn-quiet" href="{% url 'contact_edit' contact.pk %}">{% translate "Edit details" %}</a>
  </div>
</header>

{% if remarks or remark_form %}
<section class="remarks" aria-labelledby="rm-h">
  <div class="panel-head"><h2 id="rm-h">{% translate "Pastoral remarks" %}</h2></div>
  {% for r in remarks %}
  <div class="remark">
    <p>{{ r.text|linebreaksbr }}</p>
    <div class="small muted">{{ r.author.display_name|default:"—" }}, {{ r.created_at|date:"j M Y" }}{% if r.private %} <span class="pill lock">{% translate "Administrators only" %}</span>{% endif %}
      {% if user.is_superuser or user.is_supervisor and r.author_id == user.id %}<form method="post" action="{% url 'remark_delete' r.pk %}" style="display:inline">{% csrf_token %}<button class="linkish" type="submit" data-confirm="{% translate 'Remove this remark?' %}">{% translate "Remove" %}</button></form>{% endif %}
    </div>
  </div>
  {% empty %}<p class="muted small">{% translate "No remarks yet." %}</p>
  {% endfor %}
  {% if remark_form %}
  <details class="remark-add"{% if not remarks %} open{% endif %}><summary>{% translate "Add remark" %}</summary>
  <form method="post" action="{% url 'remark_add' contact.pk %}" class="remark-form" novalidate>
    {% csrf_token %}
    {% include "_field.html" with field=remark_form.text %}
    {% if remark_form.private %}{% include "_field.html" with field=remark_form.private %}{% endif %}
    <button class="btn btn-small btn-primary" type="submit">{% translate "Add remark" %}</button>
  </form>
  </details>
  {% endif %}
</section>
{% endif %}

<div class="split">
  <section aria-labelledby="hist-h">
    {% if issues %}
    <div class="panel">
      <div class="panel-head"><h2>{% translate "Previous issues" %}</h2><span class="muted small">{% translate "and who attended them" %}</span></div>
      <div class="table-wrap flat">
        <table>
          <thead><tr><th>{% translate "Ticket" %}</th><th>{% translate "Issue" %}</th><th>{% translate "Attended by" %}</th><th class="hide-sm">{% translate "Status" %}</th></tr></thead>
          <tbody>
          {% for t in issues %}
            <tr>
              <td class="nowrap"><a class="num title" href="{{ t.get_absolute_url }}">{{ t.number }}</a><div class="muted small">{{ t.created_at|date:"j M Y" }}</div></td>
              <td><a class="title" href="{{ t.get_absolute_url }}">{{ t.title|truncatechars:80 }}</a>{% if t.is_escalated %} <span class="pill esc">{% translate "Escalated" %}</span>{% endif %}</td>
              <td class="small">{{ t.created_by.display_name|default:"—" }}{% if t.assigned_to and t.assigned_to_id != t.created_by_id %}<div class="muted">{% blocktranslate trimmed with name=t.assigned_to.display_name %}then {{ name }}{% endblocktranslate %}</div>{% endif %}{% if t.resolved_by and t.resolved_by_id != t.assigned_to_id and t.resolved_by_id != t.created_by_id %}<div class="muted">{% blocktranslate trimmed with name=t.resolved_by.display_name %}resolved by {{ name }}{% endblocktranslate %}</div>{% endif %}</td>
              <td class="hide-sm"><span class="pill t-{{ t.status }}">{{ t.get_status_display }}</span></td>
            </tr>
          {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
    {% endif %}
    <div class="panel" id="timeline">
      <div class="panel-head"><h2 id="hist-h">{% translate "Timeline" %}</h2><span class="muted small"><a href="{% url 'call_history' %}?q={{ contact.phone|urlencode }}">{% translate "Search calls" %}</a>, {% blocktranslate trimmed count n=call_count %}{{ n }} call{% plural %}{{ n }} calls{% endblocktranslate %}</span></div>
      <div class="seg tl-filter" aria-label="{% translate 'Show' %}">
        <a href="?#timeline"{% if not show %} aria-current="true"{% endif %}>{% translate "Everything" %}</a>
        <a href="?show=calls#timeline"{% if show == "calls" %} aria-current="true"{% endif %}>{% translate "Calls" %} <span class="c">{{ event_counts.calls }}</span></a>
        <a href="?show=prayer#timeline"{% if show == "prayer" %} aria-current="true"{% endif %}>{% translate "Prayer" %} <span class="c">{{ event_counts.prayer }}</span></a>
        <a href="?show=testimonies#timeline"{% if show == "testimonies" %} aria-current="true"{% endif %}>{% translate "Testimonies" %} <span class="c">{{ event_counts.testimonies }}</span></a>
        <a href="?show=followups#timeline"{% if show == "followups" %} aria-current="true"{% endif %}>{% translate "Follow-ups" %} <span class="c">{{ event_counts.followups }}</span></a>
        <a href="?show=giving#timeline"{% if show == "giving" %} aria-current="true"{% endif %}>{% translate "Giving" %} <span class="c">{{ event_counts.giving }}</span></a>
        <a href="?show=orders#timeline"{% if show == "orders" %} aria-current="true"{% endif %}>{% translate "Orders" %} <span class="c">{{ event_counts.orders }}</span></a>
        <a href="?show=care#timeline"{% if show == "care" %} aria-current="true"{% endif %}>{% translate "Pastoral care" %} <span class="c">{{ event_counts.care }}</span></a>
      </div>
      {% if events %}
      <ol class="timeline">
        {% for e in events %}
        <li style="--dot: {{ e.dot }}">
          <div class="head">
            <span class="tag {{ e.tag|default:'' }}">{{ e.label }}</span>
            <span class="when">{{ e.at|date:"j M Y, H:i" }}</span>
            {% if e.link %}<a class="ticket-ref" href="{{ e.link }}">{{ e.link_text }}</a>{% endif %}
            {% for cls, text in e.pills %}<span class="pill {{ cls }}">{{ text }}</span>{% endfor %}
          </div>
          {% if e.title %}<div class="tl-title{% if e.cancelled %} cancelled{% endif %}">{% if e.cancelled %}<span class="money">{{ e.title }}</span>{% else %}{{ e.title }}{% endif %}</div>{% endif %}
          {% if e.meta %}<div class="muted small">{{ e.meta }}</div>{% endif %}
          {% if e.body %}<p class="summary{% if e.locked %} locked{% endif %}">{{ e.body|truncatechars:600 }}</p>{% endif %}
          {% if e.attached %}
          <div class="attached">
            {% for cls, label, text, locked in e.attached %}
              <div class="{{ cls }}"><span class="k">{{ label }}</span>{% if locked %}<span class="locked">{{ text }}</span>{% else %}{{ text|truncatechars:200 }}{% endif %}</div>
            {% endfor %}
          </div>
          {% endif %}
        </li>
        {% endfor %}
      </ol>
      {% if events|length < events_total %}
        <p style="margin:12px 0 0"><a class="btn btn-small" href="?{% if show %}show={{ show }}&amp;{% endif %}all=1#timeline">{% blocktranslate trimmed with n=events_total %}Show all {{ n }}{% endblocktranslate %}</a></p>
      {% endif %}
      {% else %}
      <div class="empty"><strong>{% translate "Nothing here yet." %}</strong>{% blocktranslate trimmed with name=contact.first_name %}Use “Log a call” after you speak with {{ name }}.{% endblocktranslate %}</div>
      {% endif %}
    </div>
  </section>

  <aside>
    {% if care.readable or care.hidden %}
    <section class="panel care-panel" aria-labelledby="care-h">
      <div class="panel-head"><h2 id="care-h">{% translate "Pastoral care" %}</h2></div>
      <ul class="rows">
        {% for c in care.readable %}
        <li><div class="grow"><a class="title" href="{{ c.get_absolute_url }}">{{ c.get_topic_display }}</a> <span class="pill care-{{ c.status }}">{{ c.get_status_display }}</span>
          <div class="meta">{{ c.number }}{% if c.counselor %} · {{ c.counselor.display_name }}{% endif %}{% if c.next_meeting and not c.is_closed %} · {% blocktranslate trimmed with when=c.next_meeting|due %}next meeting {{ when }}{% endblocktranslate %}{% endif %}</div></div></li>
        {% endfor %}
        {% for c in care.hidden %}
        <li><div class="grow"><span class="locked">{% if c.counselor %}{% blocktranslate trimmed with name=c.counselor.display_name %}In pastoral care with {{ name }}. The details are private.{% endblocktranslate %}{% else %}{% translate "Referred for pastoral care, waiting for a counselor." %}{% endif %}</span></div></li>
        {% endfor %}
      </ul>
    </section>
    {% endif %}
    <section class="panel" aria-labelledby="fu-h">
      <div class="panel-head"><h2 id="fu-h">{% translate "Follow-ups" %}</h2></div>
      {% if follow_ups %}
      <ul class="rows">
        {% for fu in follow_ups %}
        <li>
          <div class="grow">
            <div class="title">{{ fu.label }}</div>
            <div class="meta">{% if fu.assigned_to %}{{ fu.assigned_to.display_name }}{% else %}{% translate "Unassigned" %}{% endif %}</div>
          </div>
          <a class="pill {% if fu.is_overdue %}late{% elif fu.is_due_today %}today{% endif %}" href="{% url 'follow_up_edit' fu.pk %}">{{ fu.due_date|due }}</a>
        </li>
        {% endfor %}
      </ul>
      {% else %}
      <p class="muted small">{% translate "Nothing planned." %}</p>
      {% endif %}
    </section>

    <section class="panel" aria-labelledby="pr-h">
      <div class="panel-head"><h2 id="pr-h">{% translate "Prayer requests" %}</h2></div>
      {% for pr in prayers %}
        <div class="prayer-card">
          <div class="head"><span class="pill s-{{ pr.status }}">{{ pr.get_status_display }}</span> <span class="muted small">{{ pr.created_at|date:"j M Y" }}</span>{% if pr.confidential %} <span class="pill lock">{% translate "Confidential" %}</span>{% endif %}</div>
          {% if pr|can_view:user %}
            <blockquote>{{ pr.request|truncatechars:220 }}</blockquote>
            {% if pr.testimony %}<p class="small"><strong>{% translate "Answer:" %}</strong> {{ pr.testimony }}</p>{% endif %}
            <a class="small" href="{% url 'prayer_edit' pr.pk %}">{% translate "Update" %}</a>
          {% else %}
            <p class="locked small">{% translate "Only supervisors and the agent who took it can read this." %}</p>
          {% endif %}
        </div>
      {% empty %}
        <p class="muted small">{% translate "None yet." %}</p>
      {% endfor %}
    </section>

    <section class="panel" aria-labelledby="about-h">
      <div class="panel-head"><h2 id="about-h">{% translate "About" %}</h2></div>
      <dl class="facts">
        <dt>{% translate "Location" %}</dt><dd>{{ contact.location|default:"—" }}</dd>
        <dt>{% translate "Home cell" %}</dt><dd>{{ contact.cell_group|default:"—" }}</dd>
        <dt>{% translate "Heard about us" %}</dt><dd>{% if contact.heard_from %}{{ contact.get_heard_from_display }}{% if contact.heard_from_detail %} ({{ contact.heard_from_detail }}){% endif %}{% else %}<a href="{% url 'contact_edit' contact.pk %}">{% translate "Not asked yet" %}</a>{% endif %}</dd>
        <dt>{% translate "Gender" %}</dt><dd>{{ contact.get_gender_display|default:"—" }}</dd>
        <dt>{% translate "Care agent" %}</dt><dd>{{ contact.care_agent.display_name|default:"—" }}</dd>
        <dt>{% translate "Added" %}</dt><dd>{{ contact.created_at|date:"j M Y" }}{% if contact.created_by %}, {{ contact.created_by.display_name }}{% endif %}</dd>
      </dl>
      {% if contact.notes %}<p class="small" style="margin-top:12px; white-space:pre-line">{{ contact.notes }}</p>{% endif %}
    </section>

    {% if giving_years %}
    <section class="panel" aria-labelledby="gm-h">
      <div class="panel-head"><h2 id="gm-h">{% translate "Giving by month" %}</h2></div>
      {% if giving_months %}
      <ul class="rows">
        {% for g in giving_months %}<li><div class="grow">{{ g.month|date:"F Y" }}</div><span class="money">{{ g.total|tzs }}</span></li>{% endfor %}
      </ul>
      {% else %}<p class="muted small">{% translate "Nothing yet this year." %}</p>{% endif %}
      <div class="panel-head" style="margin-top:14px"><h3>{% translate "By year" %}</h3></div>
      <ul class="rows">
        {% for y in giving_years %}<li><div class="grow">{{ y.y }} <span class="muted small">{% blocktranslate trimmed count n=y.n %}{{ n }} gift{% plural %}{{ n }} gifts{% endblocktranslate %}</span></div><span class="money"><strong>{{ y.total|tzs }}</strong></span></li>{% endfor %}
      </ul>
    </section>
    {% endif %}

    {% if orders %}
    <section class="panel" aria-labelledby="or-h">
      <div class="panel-head"><h2 id="or-h">{% translate "Orders" %}</h2></div>
      <ul class="rows">
        {% for o in orders %}
        <li>
          <div class="grow"><a class="title num" href="{{ o.get_absolute_url }}">{{ o.number }}</a> <span class="money small">{{ o.total|tzs }}</span>
            <div class="meta">{% for i in o.items.all %}{{ i.quantity }} × {{ i.name }}{% if not forloop.last %}, {% endif %}{% endfor %}</div>
            {% if o.parcel_ticket %}<div class="meta">{% translate "Parcel ticket" %}: <strong class="num">{{ o.parcel_ticket }}</strong>{% if o.courier %}, {{ o.courier }}{% endif %}</div>{% endif %}</div>
          <span class="pill o-{{ o.status }}">{{ o.get_status_display }}</span>
        </li>
        {% endfor %}
      </ul>
    </section>
    {% endif %}

    {% if donations %}
    <section class="panel" aria-labelledby="gv-h">
      <div class="panel-head"><h2 id="gv-h">{% translate "Giving" %}</h2>{% if user.is_supervisor %}<span class="money small">{{ gift_total|tzs }}</span>{% endif %}</div>
      <ul class="rows">
        {% for g in donations %}
        <li{% if g.is_cancelled %} class="cancelled"{% endif %}>
          <div class="grow"><span class="money">{{ g.amount|tzs }}</span>{% if g.is_cancelled %} <span class="pill late">{% translate "Cancelled" %}</span>{% endif %}<div class="meta">{{ g.purpose_label }}, {{ g.medium_label }}{% if g.reference %}, <span class="num">{{ g.reference }}</span> {% blocktranslate trimmed with who=g.entered_by_name|default:"—" %}entered by {{ who }}{% endblocktranslate %}{% if g.shared_total %}; {% blocktranslate trimmed with total=g.shared_total|tzs %}part of a shared payment of {{ total }}{% endblocktranslate %}{% endif %}{% endif %}</div>
            {% if g.is_cancelled %}<div class="meta">{% blocktranslate trimmed with reason=g.cancel_reason %}Cancelled: {{ reason }}{% endblocktranslate %}</div>{% endif %}</div>
          <span class="muted small nowrap">{{ g.given_on|date:"j M Y" }}{% if user.is_supervisor and not g.is_cancelled %}<br><a href="{% url 'donation_edit' g.pk %}">{% translate "Correct" %}</a>{% endif %}</span>
        </li>
        {% endfor %}
      </ul>
    </section>
    {% endif %}
  </aside>
</div>
{% endblock %}